<!DOCTYPE html>
<html lang="fr" >
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>SpeedyMarket</title>
        <link rel="stylesheet" type="text/css" href="./styleSpeedyMarket.css" media="all" /> 
        <link href="bootstrap/css/bootstrap.css" type="text/css" rel="stylesheet" media="all">

</head>

<body id="main">
   
    <header id="header">

        <div> 
            <img src="images/speedy-market.gif" alt="Logo du site" id="logo" /> 
        </div> 
        <section>
            <img src="images/panier.gif" id="panier" alt="" />
            <img src="images/familly.gif" id="familly" alt="" /> 
        </section>
        <section>
            <form class="form-inline" role="form">
                <div class="form-group">
                    <label class="sr-only" for="exampleInputEmail2">Identifiant</label>
                    <input type="email" class="control_form" id="exampleInputEmail2"  placeholder="Identifiant">
                </div>
                <div class="form-group">
                    <label class="sr-only "  for="exampleInputPassword2">Mot de passe</label>
                    <input type="password" class="control_form" id="exampleInputPassword2" placeholder="Mot de passe">
                    <button type="submit" class="glyphicon glyphicon-chevron-right identifiant"></button>
                </div><br>
                <div class="checkbox">
                    <label>
                        <input type="checkbox"> Identifiant oublié ?
                    </label>
                </div>
                <div>
                    <img src="textesenimages/simplifiez_vous.gif" id="simplifiez_vous" alt="" />
                </div>
            </form> 
        </section>

    </header>
    <nav id="navigation">
    <div class="clearFloat"> </div>
        
            <img src="images/poissonnerie.gif" id="poissonnerie" alt="" />
            <img src="textesenimages/textpoissonnerie.gif" id="poisson" alt="" />
       
            <img src="images/surgeler.gif" id="surgeler" alt="" />
            <img src="textesenimages/textsurgeler.gif" class="surgelés"   alt="" />
      
            <img src="images/boucherie.gif" id="boucherie" alt="" /> 
            <img src="textesenimages/textboucherie.gif" id="boucheriechar"   alt="" />
      
            <img src="images/cremerie.gif" id="cremerie" alt="" />
            <img src="textesenimages/textcremerie.gif" id="Cremerie"   alt="" />
       
       
            <img src="images/boulangerie.gif" id="boulangerie" alt="" />
            <img src="textesenimages/textboulangerie.gif" id="Boulangerie"   alt="" />
   
            <img src="images/epicerieSucre.gif" id="epicerieSucre" alt="" />
            <img src="textesenimages/textepiceriesucree.gif" id="epicerie_sucree"   alt="" />
       
            <img src="images/epicerieSale.gif" id="epicerieSale" alt="" />
            <img src="textesenimages/textepiceriesalee.gif" id="epicerie_salee"   alt="" />
       
            <img src="images/fruitsLegumes.gif" id="fruitsLegumes" alt="" />
            <img src="textesenimages/textfruitslegumes.gif" id="fruits_legumes"   alt="" />
      
            <img src="images/conserves.gif" id="conserves" alt="" />
            <img src="textesenimages/textconserves.gif" id="Conserves"   alt="" />
      
            <img src="images/boissons.gif" id="boissons" alt="" />
            <img src="textesenimages/textboissons.gif" id="Boissons"   alt="" />
      
            <img src="images/soinsBeaute.gif" id="soinsBeaute" alt="" />
            <img src="textesenimages/textsoinsbeaute.gif" id="soins_beaute"   alt="" />
        
            <img src="images/interieur.gif" id="interieur" alt="" />
            <img src="textesenimages/textinterieur.gif" id="Interieur"   alt="" />
       
    </nav>

    <div id="content">
        <div class="clearFloat">
            
        </div>
        <section>
            <input type="search" name="title" class="zone_search" placeholder="Cherchez votre article" value>
            <div>  <button type="submit" class="glyphicon glyphicon-search boutn_recherche "></button> </div>
        </section>    
            <img src="images/acceuil.gif" id="acceuil" alt="" /> 

            <div class="form-group">
            <img src="images/paiementSecuriser.gif" class="paiementSecuriser" alt="" />
            <img src="textesenimages/text_paiement_securiser.gif"  id="text_paiement_sec" alt="" />

            <img src="images/serviceQualite.gif" id="serviceQualite" alt="" />
            <img src="textesenimages/text_servc_qualit.gif" id="text_serv_qual" class="" alt="" />

            <img src="images/satisfaitRembouser.gif" id="satisfaitRembouser" alt="" /> 
            <img src="textesenimages/text_satisf_remb.gif" id="text_satisf_remb" alt="" />

            <img src="images/prixBas.gif" id="prixBas" alt="" /> 
            <img src="textesenimages/text_prix_bas.gif" id="text_prix_bas" alt="" />

            <img src="images/email.gif" id="enveloppe"  alt="" />  
            <form class="form-inline" role="form">

            <label class="sr-only" for="exampleInputEmail2">Identifiant</label>
            <input type="email" class="email email2" id="exampleInputEmail"  placeholder="Email">
            <input type="submit" class="inscrire btn btn-success" name="inscription" value="S'inscrire">

            </form>
     
   </div>
   </div>
         
    <footer >
  
         <div class="clearFloat"></div>  
         <div><strong>Mentions spéciales &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  Plan du site</strong></div>
            
   </footer>

</body>
</html>
